﻿<p>
This example shows how to implement related grids. The first grid is bound to the Customers table from the Northwind database.
The second shows the orders for the selected customer from the first grid.
</p>
<p>
    This example is implemented by using a <code>Command</code> column with a single<code>Select</code> command in it. When
    using a <code>Command</code> collumn you need to specify the <code>DataKeys</code> for the grid.
</p>
<pre class="prettyprint">
&lt;%= Html.Telerik().Grid((IEnumerable&lt;Customer&gt;)ViewData["Customers"])
        .Name("Customers")
        .DataKeys(dataKeys =&gt; dataKeys.Add(c =&gt; c.CustomerID))
        .Columns(columns =&gt;
        {
            columns.Command(commands =&gt; commands.Select()).Title("Select");
            columns.Bound(c =&gt; c.CustomerID).Width(130);
            columns.Bound(c =&gt; c.CompanyName).Width(250);
            columns.Bound(c =&gt; c.ContactName);
            columns.Bound(c =&gt; c.Country).Width(200);
        })
        .Pageable()
%&gt;

&lt;%= Html.Telerik().Grid((IEnumerable&lt;Order&gt;)ViewData["Orders"])
        .Name("Orders")
        .Columns(columns=&gt;
        {
            columns.Bound(c =&gt; c.OrderID).Width(100);
            columns.Bound(c =&gt; c.OrderDate).Width(200).Format("{0:dd/MM/yyyy}");
            columns.Bound(c =&gt; c.ShipAddress);
            columns.Bound(c =&gt; c.ShipCity).Width(200);
        })
        .Pageable()
        .Sortable()
%&gt;
&lt;/pre>

</pre>
